<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
</head>
<body>
    <div class="container">
    <h1>列表组</h1>
    <ur class="list-group" >
        <li class="list-group-item">第一项</li>
        <li class="list-group-item">第二项</li>
        <li class="list-group-item">第三项</li>
    </ur>
    <hr>
    <h1>设置活动项目和禁用项目</h1>
    <ur class="list-group list-group-flush">
        <li class="list-group-item active">第一项</li>
        <li class="list-group-item">第二项</li>
        <li class="list-group-item disabled">第三项</li>
    </ur>
    <hr>
    <h1>带徽章的列表组</h1>
    <ur class="list-group">
        <li class="list-group-item ">
            第一项 <span class="badge bg-primary text-white">5</span>
        </li>
        <li class="list-group-item">第二项</li>
        <li class="list-group-item ">第三项</li>
    </ur>
    </div>
</body>
</html>